﻿@model HotDealD2.Models.ModelView.RegisterView

@{
    Layout = "../Shared/MainLayout.cshtml";
}

@{
    ViewBag.Title = "Register";
}

<script src="@Url.Content("~/Scripts/jquery.validate.min.js")" type="text/javascript"></script>
<script src="@Url.Content("~/Scripts/jquery.validate.unobtrusive.min.js")" type="text/javascript"></script>
<link type="text/css" media="screen" rel="stylesheet" href="../../../../Content/register.css" />
    
<div class="central-column">        
<div class="central-content">
<div class="cm-notification-container"></div>
<div class="mainbox-container">
<div class="mainbox-body">
<div id="content_general">
<h1 style="margin-left:300px">Thông tin cá nhân</h1>
<p class="mandatory-fields"; style="margin-left:300px;">Thông tin có <span class="required">*</span> là bắt buộc nhập, cần phải nhập.</p>

<input id="selected_section" type="hidden" value="general" name="selected_section">
<input id="default_card_id" type="hidden" value="" name="default_cc">
<input type="hidden" name="profile_id" value="">
<div class="border" style="height:700px">
<div class="subheaders-group">
<br>
<h2 class="subheader">
Thông tin tài khoản
</h2>
@using (Html.BeginForm())
{
    @Html.ValidationSummary(true, "Đăng ký tài khoản thất bại.Xin thử lại")
            <div class="editor-label" , style="font-weight:normal; color:blue; font-size:medium; margin-left:100px">
                @Html.LabelFor(m => m.UserName)
            </div>
            <div class="editor-field">
                @Html.TextBoxFor(m => m.UserName, new { @class = "input-text", style = "width: 300px; height: 15px; margin-top:-25px; margin-left:350px;margin-bottom:10px" })
                @Html.ValidationMessageFor(m => m.UserName)
                <div style="margin-top:-30px; margin-left:670px"><span class="required">*</span></div>
            </div>

            <div class="editor-label" , style="font-weight:normal; color:blue; font-size:medium;margin-top:15px;margin-left:100px">
                @Html.LabelFor(m => m.Password)
            </div>
            <div class="editor-field">
                @Html.PasswordFor(m => m.Password, new { @class = "input-text", style = "width: 300px; height: 15px; margin-top:-25px; margin-left:350px;margin-bottom:10px" })
                @Html.ValidationMessageFor(m => m.Password)
                <div style="margin-top:-30px; margin-left:670px"><span class="required">*</span></div>
            </div>

            <div class="editor-label" , style="font-weight:normal; color:blue; font-size:medium;margin-top:15px;margin-left:100px">
                @Html.LabelFor(m => m.ConfirmPassword)
            </div>
            <div class="editor-field">
                @Html.PasswordFor(m => m.ConfirmPassword, new { @class = "input-text", style = "width: 300px; height: 15px; margin-top:-25px; margin-left:350px;margin-bottom:10px" })
                @Html.ValidationMessageFor(m => m.ConfirmPassword)
               <div style="margin-top:-30px; margin-left:670px"><span class="required">*</span></div>
            </div>
            <div class="editor-label" , style="font-weight:normal; color:blue; font-size:medium;margin-top:15px;margin-left:100px">
                @Html.LabelFor(m => m.Email)
            </div>
            <div class="editor-field">
                @Html.TextBoxFor(m => m.Email, new { @class = "input-text", style = "width: 300px; height: 15px; margin-top:-25px; margin-left:350px;margin-bottom:10px" })
                @Html.ValidationMessageFor(m => m.Email)
            </div>            
           <div class="editor-label" , style="font-weight:normal; color:blue; font-size:medium;margin-top:15px;margin-left:100px">
                @Html.LabelFor(m => m.Birthday)
               
            </div>
            <div class="editor-field">
                @Html.TextBoxFor(m => m.Birthday, new { @class = "input-text", style = "width: 300px; height: 15px; margin-top:-25px; margin-left:350px;margin-bottom:10px" })
                @Html.ValidationMessageFor(m => m.Fullname)
    </div>

<h2 class="subheader">
Thông tin giao hàng
</h2>			

           
            <div class="editor-label" , style="font-weight:normal; color:blue; font-size:medium; margin-left:100px">
                @Html.LabelFor(m => m.Fullname)
               
            </div>
            <div class="editor-field">
                @Html.TextBoxFor(m => m.Fullname, new { @class = "input-text", style = "width: 300px; height: 15px; margin-top:-25px; margin-left:350px;margin-bottom:10px" })
                @Html.ValidationMessageFor(m => m.Fullname)
                <div style="margin-top:-30px; margin-left:670px"><span class="required">*</span></div>
            </div>    
            
            <div class="editor-label" , style="font-weight:normal; color:blue; font-size:medium;margin-top:15px;margin-left:100px">
                @Html.LabelFor(m => m.PhoneNumber)
            </div>
            <div class="editor-field">
           
                @Html.TextBoxFor(m => m.PhoneNumber, new { @class = "input-text", style = "width: 300px; height: 15px; margin-top:-25px; margin-left:350px; margin-bottom:10px" })
                @Html.ValidationMessageFor(m => m.PhoneNumber)
            </div>

            <div class="editor-label" , style="font-weight:normal; color:blue; font-size:medium; margin-top:15px;margin-left:100px">
                @Html.LabelFor(m => m.SelectedCity)
            </div>
            <div class="editor-field", style ="margin-top:-25px; margin-left:350px; margin_bottom:10px">
           
                @Html.DropDownListFor(m => m.SelectedCity, Model.CityList, new { style = "width: 310px; height: 35px" })
                
            </div>
             <div class="editor-label" , style="font-weight:normal; color:blue; font-size:medium; margin-bottom:10px; margin-top:15px;margin-left:100px">
                @Html.LabelFor(m => m.SelectedDistrict)
            </div>
            <div class="editor-field", style ="margin-top:-35px; margin-left:350px; margin_bottom:10px">
           
                @Html.DropDownListFor(m => m.SelectedDistrict, Model.DistrictList, new { style = "width: 310px; height: 35px" })
            </div>        
             
    
             <div class="editor-label" , style="font-weight:normal; color:blue; font-size:medium; margin-top:15px;margin-left:100px">
                @Html.LabelFor(m => m.Street)
            </div>
            <div class="editor-field">
           
                @Html.TextBoxFor(m => m.Street, new { @class = "input-text", style = "width: 300px; height: 15px; margin-top:-25px; margin-left:350px; margin_bottom:15px" })
                
            </div>
             <div class="editor-label" , style="font-weight:normal; color:blue; font-size:medium; margin-top:15px;margin-left:100px">
                @Html.LabelFor(m => m.HouseNumber)
            </div>
            <div class="editor-field">
           
                @Html.TextBoxFor(m => m.HouseNumber, new { @class = "input-text", style = "width: 300px; height: 15px; margin-top:-25px; margin-left:350px" })
                
            </div>          


<div style="margin-left:300px; margin-top:25px">
					@*<button class="button-submit" style="width:105px; height:35px" type="submit" id="signup-submit">ĐĂNG KÍ</button>*@
                    <span   class="button-submit"><input type="submit" id="signup-submit"  value="Đăng ký"/></span>
			</div>
}
</div>
</div>
</div>

</div>
</div>
</div>  
</div>
</div>  